$(function() {

    /*单选（记住登录状态）*/

    $('body').on("click", ".sign-in-foot .checkbox-label", function() {
        if ($(this).find('input').attr("checked")) {
            $(this).find('input').removeAttr('checked');
        } else {
            $(this).find('input').attr('checked', '');
        }
        $(this).toggleClass('checked');
    })

    // input焦点

    var text = $(".sign-in-input .iphone"); //赋值手机号码框
    var password = $(".sign-in-input .password"); //赋值密码框
    var prompttext = $(".sign-in-input .prompt-text");
    var promptpassword = $(".sign-in-input .prompt-password");

    text.focus(function() {
        if (text.val() == "手机号码") {
            text.val("")
        } else if (text.val() == "") {
            text.val("手机号码")
        }
        text.css("border-color", "#e8b768");
        text.css("transition", "1s");
    })
    text.blur(function() {
        if (text.val() == '') {
            text.val("手机号码")
        }
        text.css("border-color", "#323232");
        text.css("transition", "1s");
    });

    password.focus(function() {
        if (password.val() == '密码') {
            password.attr('type','password');
            password.val('');
        }else if (password.val() == '') {
            password.attr('type','text');
            password.val('密码');
        }
        password.css("border-color", "#e8b768");
        password.css("transition", "1s");
    })
    password.blur(function() {
        if (password.val() == '') {
            password.attr('type','text');
            password.val('密码');
        }
        password.css("border-color", "#323232");
        password.css("transition", "1s");
    });

    //input框只允许输入数字

    text.keyup(function() {
        this.value = this.value.replace(/[^\d]/g, '');
    })

    //点击登录判断

    $(".sign-in-button .button-1").click(function() {
        if (!text.val().match(/^(13|14|15|17|18)\d{9}$/)) {
            prompttext.html("手机号码格式错误");
        } else {
            prompttext.html("");
        }
        if (password.val().length <= 6 || password.val().length > 16) {
            promptpassword.html("请输入密码");
        } else {
            promptpassword.html("");
        }
        prompttext.fadeIn(800);
        promptpassword.fadeIn(800);
    })
})
